<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <script>
    var a=1;
    //所有定义在全局作用域的变量或方法，都挂在window对象上
    console.log(a);
    console.log(window.a)
    window.pl();
    function(){
        console.log(2);
    }
    //load事件，在页面加载完成后触发，有些操作界面元素的时候必须页面元素加载完成
    window,addEventlistener("load",function(){
        console.log("页面加载完成")
    })
    //rasize事件，在页面大小变化时触发
    window.addEventListener("resize",function(){
      console.log(window.innerWidth);
      console.log(window.innerHeight);

    })
    
    </script>
</body>
</html>